<template>
  <div class="content">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="课程分类" name="first">
        <courseType></courseType>
      </el-tab-pane>
      <el-tab-pane label="课程维护" name="second">
        <courseQuery ref="courseQueryRef"></courseQuery>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
//课程分类
import courseType from "@/views/websiteConfiguration/components/courseType.vue";
// 课程维护
import courseQuery from "@/views/websiteConfiguration/components/courseQuery.vue";
const { proxy } = getCurrentInstance();
//counter
import useCounterStore from "@/store/counter";
const counter = useCounterStore();

let activeName = ref("first");

function handleClick(params) {
  if (params.index == 1) {
  }
}
</script>



<style lang="scss" scoped>
.content {
  margin: 20px;
}
</style>






